<template>
  <el-card class="box-card">
    <template #header>
      <div class="card-header">
        <span>网点列表</span>
      </div>
    </template>
    <el-table :data="tableData" style="width: 100%" class="margintop">
      <el-table-column prop="sort" label="排序" align="center" />
      <el-table-column prop="name" label="网点" />
      <el-table-column prop="type1" label="地址" align="center" />
      <el-table-column prop="sell" label="电话" align="center" />
      <el-table-column prop="discount" label="服务类型" align="center" />
      <el-table-column prop="num" label="状态" align="center" />
      <el-table-column prop="type" label="操作" width="200" align="center">
        <template #default="scope">
          <el-tooltip
            class="box-item"
            effect="dark"
            content="编辑"
            placement="top"
          >
            <el-icon size="20" style="cursor: pointer" @click="editChange"
              ><EditPen
            /></el-icon>
          </el-tooltip>
          <el-tooltip
            class="box-item"
            effect="dark"
            content="删除"
            placement="top"
          >
            <el-icon size="20" style="cursor: pointer; margin-left: 10px"
              ><Delete
            /></el-icon>
          </el-tooltip>
        </template>
      </el-table-column>
    </el-table>
    <pagination :total="10" :background="false"></pagination>
  </el-card>
</template>
<script setup>
import { useRouter } from 'vue-router';
import Pagination from '@/components/Pagination/index.vue';
const router = useRouter();

const tableData = [];

function editChange() {
  router.replace('/operation/goodServce');
}
</script>
<style lang="scss" scoped>
::v-deep(.el-form--inline .el-form-item) {
  margin-right: 7px;
}

::v-deep(.el-form-item--default) {
  margin-bottom: 4px;
}

.box-card {
  margin: 20px;

  .card-header {
    font-size: 20px;
    font-weight: 600;
    color: #1d2129;
    padding: 10px;
    .headerSize {
      color: #4e5969;
      font-size: 14px;
      margin-left: 12px;
      font-weight: 400;
      height: 20px;
      line-height: 21px;
    }
  }
}
</style>
